<template>
    <div>
        {{ foo }}
    </div>
</template>
<script>
import { ref } from 'vue';  
export default {
   setup(props, ctx) { 
       console.log("props, ctx", props, ctx);
       let foo = ref('foo');
       return {
           foo,
       }
   },
//    template: `
//        <div>
//            DOM内联模版：{{ foo }}
//        </div>
//    `
}
</script>
<style>

</style>